<template>
  <a-layout class="container">
    <Nav></Nav>
    <a-layout>
      <Header></Header>
      <a-layout-content>
        <router-view :key="$route.path" />
      </a-layout-content>
      <a-layout-footer>
        <Footer></Footer>
      </a-layout-footer>
    </a-layout>
  </a-layout>
</template>

<script>
import Header from "../components/admin/Header.vue";
import Nav from "../components/admin/Nav.vue";
import Footer from "../components/admin/Footer.vue";
export default {
  methods: {},
  components: {
    Nav,
    Footer,
    Header,
  },
};
</script>

<style scoped>
.container {
  height: 100%;
}
</style>